<template>
    <basic-layout header-width="1200px" footer-position="fixed">
        <a-steps :current="current" :style="{ width : '900px',margin : '50px auto 0' }">
            <a-step title="创建应用" description="填写应用基本信息" ></a-step>
            <a-step title="等待系统审核" description="对接API接口" ></a-step>
            <a-step title="审核失败" description="重新填写应用信息" ></a-step>
            <a-step title="审核通过" description="该应用已可正常使用" ></a-step>
        </a-steps>
        <!-- 拓展 -->
        <div style="width: 700px;margin: 70px auto 120px;">
            <slot />
        </div>
    </basic-layout>
</template>

<script>
    import BasicLayout from './BasicLayout';
    export default {
        components : { BasicLayout },
        props : {
            current : { type : Number ,required : true }
        }
    }
</script>
